﻿*
{
    font-size: 10pt;
}
html
{
    min-width: 1000px;
    background: url('/Images/bg.jpg');
}
boby
{
    font-family: Arial;
    top: 0;
}
h1
{
    font-family: Tahoma;
    font-size: 13pt;
    text-transform: uppercase;
    color: #b30001;
}
h3
{
    color: #aaa;
    margin-top: 6px;
    font-weight: normal;
}
/* Left Menu */
table#leftmenu
{
    padding: 0;
    margin: 0;
    text-align: left;
}

/* Layout Add / Edit pages. */
.firstItem
{
    color: #999;
    font-style: italic;
}

.subtitle
{
    font-weight: bold;
    color: #009c04;
    margin: 5px 0 10px 90px;
}

div.description
{
    clear: right;
    margin-top: 5px;
    font-size: 8pt;
    font-style: italic;
    color: #888;
}

/* layout table 
    use for search table
*/

table#condition
{
    border-spacing: 3px;
}
table#condition tr td div, table#condition tr td a.button
{
    line-height: 28px;
    float: left;
}
table#condition tr td div.label
{
    min-width: 100px;
}
table#condition tr td div.field
{
    margin-top: 2px;
    min-width: 150px;
}
table#condition tr
{
    clear: both;
}

div.item
{
    font-size: 10pt;
    height: 30px;
    color: #555;
    clear: both;
}

div.item div
{
    float: left; /* margin: 0 0 0 10px; */
}

div.item div.label
{
    width: 100px;
    margin-top: 3px;
}

div.item div.field
{
    width: 168px;
}

div.item div.field input[type=text], select
{
    width: 138px;
}

div.item div.field input.quantity, select.quantity
{
    width: 45px;
}

div.item div.field input.price
{
    width: 45px;
}

span.checkbox input
{
    border: none;
}

/* end layout table */

.grid
{
    width: 98%;
    font-size: 8pt; /*color: #555;*/ /* background: url('/Images/gridbg.png') repeat-x; */
    border: 1px #eee solid;
}

.grid thead tr th, .grid tr.gridheader th
{
    color: #f1e8df;
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #990000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#990000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#990000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
}

.grid thead tr th, .grid tr th
{
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    height: 23px;
}

.grid thead.sub tr th
{
    background: #ddd;
    color: #333;
    height: 23px;
}

.grid tbody tr td
{
    text-indent: 2px;
    border-color: #efefef;
}

.grid tfoot th
{
    background: #eee;
    height: 23px;
}

.grid tr
{
    color: #555;
    background-color: #fff;
    height: 23px;
    cursor: pointer;
}

.grid tr.evenRow
{
    color: #777;
    background-color: #f1f1f1;
}

.grid tr:hover, .grid tr.evenRow:hover
{
    background: #e5e5e5; /* Old browsers */
    background: -moz-linear-gradient(top,  #e5e5e5 1%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e5e5e5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e5 1%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e5 1%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e5 1%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e5 1%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    color: #666;
}

.grid tr.highlight
{
    background: #b8c6df; /* Old browsers */
    background: -moz-linear-gradient(top,  #b8c6df 0%, #6d88b7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8c6df), color-stop(100%,#6d88b7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b8c6df 0%,#6d88b7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b8c6df 0%,#6d88b7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8c6df', endColorstr='#6d88b7',GradientType=0 ); /* IE6-9 */
    color: #333;
}

.grid input.input
{
    width: 90%;
    right: 5px;
}

select
{
    font-size: 10pt;
    padding: 3px;
}

textarea
{
    padding: 3px;
    text-indent: 3px;
    font-family: Tahoma, Arial, Times New Roman;
}

.fortextarea
{
    min-height: 105px;
}

input:focus
{
    color: #0c00ff;
    background-color: #fffca7;
    border: solid 1px #1b55e1;
}

span#findbutton, #exportbutton, #addbutton, #newbutton, #savebutton, #backbutton, #sendinquiry, #checkcabinbutton
{
    float: left;
    color: #b30001;
    padding: 5px 0 0 40px;
    width: 100px;
    height: 35px;
    font-weight: bolder;
    cursor: pointer;
}

span#findbutton:hover, #exportbutton:hover, #addbutton:hover, #newbutton:hover, #savebutton:hover, #backbutton:hover, #sendinquiry:hover, #checkcabinbutton:hover
{
    color: #999;
}

span#sendinquiry
{
    color: #009c04;
    background: url('/Images/buttoninquiry.png') repeat-y;
}

span#sendinquiry:hover
{
    background: url('/Images/buttoninquiryHover.png') repeat-y;
}

span#checkcabinbutton
{
    background: url('/Images/buttoncheckcabin.png') repeat-y;
}

span#checkcabinbutton:hover
{
    background: url('/Images/buttoncheckcabinHover.png') repeat-y;
}

span#findbutton
{
    background: url('/Images/buttonfind.png') repeat-y;
}

span#findbutton:hover
{
    background: url('/Images/buttonfindHover.png') repeat-y;
}

span#exportbutton
{
    background: url('/Images/buttonexport.png') repeat-y;
}

span#exportbutton:hover
{
    background: url('/Images/buttonexportHover.png') repeat-y;
}

span#addbutton
{
    background: url('/Images/buttonadd.png') repeat-y;
}

span#addbutton:hover
{
    background: url('/Images/buttonaddHover.png') repeat-y;
}

span#newbutton
{
    background: url('/Images/buttonnew.png') repeat-y;
}

span#newbutton:hover
{
    background: url('/Images/buttonnewHover.png') repeat-y;
}

span#savebutton
{
    background: url('/Images/buttonsave.png') repeat-y;
}

span#savebutton:hover
{
    background: url('/Images/buttonsaveHover.png') repeat-y;
}

span#backbutton
{
    background: url('/Images/buttonback.png') repeat-y;
}

span#backbutton:hover
{
    background: url('/Images/buttonbackHover.png') repeat-y;
}

/* Calendar */
.calendarBooked, .calendarBooked2, .calendarBookedBoat2, .calendarBooked2Boat2
{
    vertical-align: middle;
    height: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; /*width: 100%;*/
    max-height: 70px;
    min-height: 50px;
    max-width: 120px;
    min-width: 80px;
    vertical-align: middle;
    word-wrap: break-word;
}

.calendarBooked
{
    background-color: #ffdf51;
}

.calendarBooked2
{
    background-color: #ffbb51;
}

.calendarBookedBoat2
{
    background-color: #fffca8;
}

.calendarBooked2Boat2
{
    background-color: #f7e8af;
}

.calendarNormal
{
    /*vertical-align: middle;     vertical-align: middle;     height: 100%;     margin: 0;     left: 0;     right: 0;     top: 0;     bottom: 0;     width: 100px;     vertical-align: middle;     word-wrap: break-word;*/
    visibility: hidden;
}

.calendarBooked a, .calendarBooked2 a, .calendarBookedBoat2 a, .calendarBooked2Boat2 a
{
    color: black;
    text-decoration: none;
}

.calendarBooked a:hover, .calendarBooked2 a:hover, .calendarBookedBoat2 a:hover, .calendarBooked2Boat2 a:hover
{
    color: Blue;
}

.calendarBooked a div, .calendarBooked2 a div, .calendarBookedBoat2 a div, .calendarBooked2Boat2 a div
{
    width: 100px;
}

.calendarBlocked
{
    background-color: #77ff77;
    vertical-align: middle;
    height: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 70px;
    min-height: 50px;
    max-width: 120px;
    min-width: 80px;
    vertical-align: middle;
    word-wrap: break-word;
}

.groupname
{
    font-family: Courier New;
}
.calendarBlocked a
{
    color: Black;
    text-decoration: none;
}

.calendarBlocked a div
{
    width: 100px;
}

.calendarCharter
{
    background-color: #7e9cff;
    vertical-align: middle;
    height: 100%;
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 70px;
    min-height: 50px;
    max-width: 120px;
    min-width: 80px;
    vertical-align: middle;
    word-wrap: break-word;
}

.calendarCharter a
{
    color: Black;
    text-decoration: none;
}

.calendarCharter a div
{
    width: 100px;
}

/* Quantity */
.quantity, .price
{
    text-align: right;
}

.current
{
    text-decoration: none;
    color: #b10003;
}

.current span
{
    padding: 2px 3px;
    border: dotted 1px #b10003;
}

.TrDEI
{
    background-color: Yellow;
}
.TrDEII
{
    background-color: Blue;
}
.TrME
{
    background-color: Green;
}

a.button
{
    /* Sliding right image */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#dbdbdb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#dbdbdb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 300px;
    border: 1px solid #999;
    border-radius: 300px;
    display: block;
    float: left;
    text-decoration: none;
    color: #555;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

a.button span
{
    /* Background left image */
    display: block;
    line-height: 24px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    margin: 0 8px 0 8px;
}
/*
a.group span
{
    background-color: #F0F8FF;
}

a.header span
{
    background-color: #f1e8df;
}
*/
a.button:hover span
{
    text-decoration: underline;
}

table.exchangerate
{
    width: 99%;
}

table.exchangerate thead th
{
    background: #ffdf51;
}

table.exchangerate td
{
    text-align: right;
    border: #eee solid 1px;
}

fieldset
{
    margin-top: 10px;
}
a.btnEdit, a.btnDelete
{
    text-decoration: none;
    color: #b10003;
}
a.btnEdit:hover, a.btnDelete:hover
{
    cursor: pointer;
    text-decoration: underline;
}
div.popup
{
    position: fixed;
    width: 86px;
    min-height: 39px;
    bottom: 0;
    left: 0;
    border: 2px #b10003;
    border-style: ridge;
}

/* Validate */
em
{
    font-weight: bold;
    padding-right: 5px;
    vertical-align: top;
}

div.servicecalendar
{
    width: 100px;
    text-align: justify;
    word-wrap: break-word;
}

label.error
{
    color: Red;
}

/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    width: 100%;
}

div.menu
{
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu ul.level1.static
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}

div.menu ul.level1.static li a
{
    width: 99%;
}

div.menu table
{
    width: 99%;
    margin: 0px;
    padding: 0px;
}

div.menu a, div.menu a:visited
{
    background: #cc0000; /* Old browsers */
    background: -moz-linear-gradient(top,  #cc0000 0%, #990000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc0000), color-stop(100%,#990000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #cc0000 0%,#990000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #cc0000 0%,#990000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #cc0000 0%,#990000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#990000',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    width: 100%;
    margin-top: 1px;
}

div.menu a span, div.menu a:visited span
{
    min-width: 100px; /*background: url('/Images/menuright.jpg') no-repeat top right;*/
    display: block;
    padding: 3px 10px;
    line-height: 1.5em; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
}

div.menu a:hover
{
    background: url('/Images/menucenterhover.jpg') no-repeat scroll top left;
}

div.menu a:hover span
{
    /* background: url('/Images/menurighthover.jpg') no-repeat top right;*/
    color: #f6f6f6;
}

div.menu a:active, div.menu a.selected
{
    background: green;
}
div.menu a:active span, div.menu a.selected span
{
    /*background: url('/Images/menurightactive.jpg') no-repeat top right;*/
    color: #fff;
}

.back-top, .go-bottom
{
    position: fixed;
    bottom: 8px;
}

.back-top
{
    left: 38px;
}

.go-bottom
{
    left: 8px;
}

.back-top a, .go-bottom a
{
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
}

.back-top a:hover, .go-bottom a:hover
{
    color: #f5f5f5;
}

/* arrow icon (span tag) */
.back-top span, .go-bottom span
{
    width: 28px;
    height: 28px;
    display: block;
}
.back-top span
{
    background: url('/Images/backtop.png') no-repeat center center;
}
.go-bottom span
{
    background: url('/Images/gobottom.png') no-repeat center center;
}
.back-top a:hover span
{
    background: url('/Images/backtop.png') no-repeat center center;
}
.go-bottom a:hover span
{
    background: url('/Images/gobottom.png') no-repeat center center;
}
